<template>  
	<view class="container">   
		<view class="published-pages" v-if="pages.length > 0">  
			<view class="page-item" v-for="(page, index) in pages" :key="index">  
				<text class="page-title">{{ page.title }}\n</text>  
				<text class="page-content">{{ page.content }}</text>  
			</view>  
		</view>  
		<view class="no-pages" v-else>  
			<text>没有已发布的页面。</text>  
		</view>  
	</view>  
</template>  
  
<script>  
export default {  
  data() {  
    return {  
      pages: [] ,// 这里模拟存储已发布的页面数据  
	  user_Name: ''
    };  
  },  
  created() {  
    // 模拟从后端获取已发布的页面数据  
    this.fetchPublishedPages();  
  },  
  methods: {  
    fetchPublishedPages() {  
      // 假设您有一个API可以获取已发布的页面数据  
      // 这里我们使用setTimeout模拟异步请求  
      setTimeout(() => {  
        this.pages = [  
          { title: '羽毛球锻炼第一日', content: '周五晚上东网集合...' },  
          { title: '羽毛球锻炼第二日', content: '在球场上随机找同学组队...' },  
		  { title: '羽毛球锻炼第三日', content: '多日的磨练，技术提升迅猛...'}
          // ... 其他页面数据  
        ];  
      }, 1000); // 模拟网络延迟  
    }  
  },
	onLoad() {
	   // 设置页面标题  
	   uni.setNavigationBarTitle({  
	     title: '我的发布'  
	   });
	   this.user_Name = uni.getStorageSync('user_Name')
	   uni.request({ // 可与上方的方法合并，我就不合并了，哥你自己合并吧
	   	url:'', // 接口地址附带
	   		method:'GET',
	   		success: (res) => {
	   			if (res.data.success){
					this.pages = res.data.data
					uni.showToast({
						title:'获取发布列表成功',
						icon:success
					})
				}
	   		},
			fail: () => {
				uni.showModal({
				  title: '网络错误',
				  content: '无法连接服务器，请检查网络连接！',
				});
			}
	   		
	   })		
	 },
};  
</script>  
  
<style scoped>
.container {  
  display: flex;  
  flex-direction: column;  
  align-items: center;  
  justify-content: center;  
  padding: 20px;  
}  
  
.header {  
  margin-bottom: 20px;  
}  
  
.title {  
  font-size: 20px;  
  font-weight: bold;  
}  
  
.published-pages {  
  width: 100%;  
  max-width: 600px;  
}  
  
.page-item {  
  margin-bottom: 20px;  
  padding: 10px;  
  border: 1px solid #ccc;  
  border-radius: 4px;  
}  
  
.page-title {  
  font-weight: bold;  
  margin-bottom: 5px;  
}  
  
.page-content {  
  /* 根据需要调整样式 */  
}  
  
.no-pages {  
  margin-top: 20px;  
  font-style: italic;  
}  
</style>